import { Carousel } from 'antd';
import React from "react"
const contentStyle = {
    width: '100%',
    height: '466px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
};

const Swiper = () => {
    return (
        <Carousel autoplay>
            <div>
                <h3>
                    <img style={contentStyle} src="https://dss2.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=108505343,1242322480&fm=26&gp=0.jpg" alt="" />
                </h3>
            </div>
            <div>
                <h3 style={contentStyle}>
                    <img style={contentStyle} src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1401726464,2201913631&fm=26&gp=0.jpg" alt="" />
                </h3>
            </div>
            <div>
                <h3 style={contentStyle}>
                    <img style={contentStyle} src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=289956323,267553758&fm=26&gp=0.jpg" alt="" />
                </h3>
            </div>
        </Carousel>
    );
}
export default Swiper;